﻿<div class="container-fluid navbar-fixed-top top-bar">
    <div class="container-title">
        <div class="container-title-back" ng-click="back()"></div>
        <div class="container-title-main">楼盘信息列表</div>
        <div class="container-title-search"></div>
    </div>
</div>
<div class="clear88"></div>
<!--<div class="clear50"></div>-->
<div class="qycx list-fixtop">
    <div class="nav-class">
        <div class="container-fluid">
            <table class="table">
                <tbody>
                    <tr>
                        <td><a id="ty1" class="active">&nbsp;&nbsp;&nbsp;&nbsp;当月销售排行&nbsp;&nbsp;&nbsp;&nbsp;</a></td>
                        <td><a id="ty2">&nbsp;&nbsp;&nbsp;&nbsp;在售楼盘&nbsp;&nbsp;&nbsp;&nbsp;</a></td>
                    </tr>
                </tbody>
            </table>
            <div id="ss" style="display:none;height:45px">
                <div class="clear5"></div>
                <div class="row">
                    <div class="col-lg-8 col-md-8 col-xs-8 col-sm-8 search-sousuo">
                        <b></b> <i ng-click="clean()"></i> <em class="down" style="width:35px;height:35px;"></em>
                        <input class="form-control list-search" placeholder="请输入楼盘名称" ng-model="name">
                    </div>
                    <div class="col-lg-4 col-md-4 col-xs-4 col-sm-4"><a class="btn btn-default focus" id="other-search" ng-click="find1()">搜索</a></div>
                </div>
                <div class="clear5"></div>
            </div>
        </div>
    </div>
</div>
<div class="clear45 yincang" style="display:none"></div>
<div class="mb" style="z-index:999"></div>
<div class="over-box">
    <div class="nav-class">
        <div class="container-fluid">
            <div class="clear10"></div>
            <div>选择地区</div>
            <div class="list-menu">
                <ul class="nav navbar-right">
                    <li class="li-select">
                        <select id="area" ng-model="area" class="dropdown" ng-options="qx.CODENAME as qx.CODENAME for qx in quxian">
                            <option value="">-请选择-</option>
                        </select>
                    </li>
                </ul>
            </div>
            <div>选择价格区间</div>
            <div class="list-menu">
                <ul class="nav navbar-right">
                    <li class="li-select">
                        <select id="htype" class="dropdown">
                            <option selected value="">-请选择-</option>
                            <option value="0,6000">0-6000</option>
                            <option value="6000,8000">6000-8000</option>
                            <option value="8000,10000">8000-1万</option>
                            <option value="10000,12000">1-1.2万</option>
                            <option value="12000,15000">1.2-1.5万</option>
                            <option value="15000,20000">1.5-2万</option>
                            <option value="20000,25000">2-2.5万</option>
                            <option value="25000,30000">2.5-3万</option>
                            <option value="30000">3万以上</option>
                        </select>
                    </li>
                </ul>
            </div>
            <div class="list-input">
                <input type="text" placeholder="请输入楼盘名称" ng-model="name2">
            </div>
            <div class="list-input"> <a id="search2" class="btn btn-default focus" style=" height:40px; line-height:28px;" ng-click="find2()">检索</a> </div>
        </div>
    </div>
</div>
<div class="page1" id="div_data" openxtonscrolldown="f_showdata();">
    <div class="new_border" style="border-bottom-style: outset;" ng-repeat="sin in list">
        <div class="container-fluid" ng-click="detail(sin.ID)">
            <div class="list-menu" style="height:inherit;">
                <p class="q5" style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;">{{sin.NAME}}</p>
                <p class="q3">{{sin.AREA}}</p>
                <p class="q2">{{sin.AREANO}}</p>
            </div>
        </div>
    </div>
</div>
<div class="page2" id="div_data2" openxtonscrolldown="f_showdata2();" style="display:none">
    <div class="new_border" style="border-bottom-style: outset;" ng-repeat="sin2 in list2">
        <div class="container-fluid" ng-click="detail(sin2.ID)">
            <div class="list-menu" style="height:inherit;">
                <p class="q5" style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;">{{sin2.NAME}}</p>
                <p class="q3" style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;">{{sin2.ADDR}}</p>
                <p class="q2">剩余  {{sin2.HVENDIBILITYCOUNT}}  套<b>{{sin2.STAUSNAME}}</b></p>
            </div>
        </div>
    </div>
</div>
<!--<script>
$(".container-title-search").click(function(){
	$(".qycx").add(".yincang").toggle();
	})
</script>-->
<script>
    $(".qycx .table a").click(function () {
        $(".qycx .table a").removeClass("active");
        $(this).addClass("active");
    })
    $(".qycx td:eq(0)").click(function () {
        $(".page1").show();
        $(".page2").hide();
    })
    $(".qycx td:eq(1)").click(function () {
        $(".page2").show()
        $(".page1").hide();
    })
</script>
<script>
    $(".search-sousuo em").click(function () {
        $(this).removeClass().addClass("up");
        $(".mb").add(".over-box").show();
        $("body").addClass("body_no");
    })
    $(".mb").click(function () {
        $(".search-sousuo em").removeClass().addClass("down");
        $(".mb").add(".over-box").hide();
        $("body").removeClass("body_no");
    })
    $("#search2").click(function () {
        $(".search-sousuo em").removeClass().addClass("down");
        $(".mb").add(".over-box").hide();
        $("body").removeClass("body_no");
    })
    $(".container-title-search").click(function () {
        $(".yincang").toggle();
        $("#ss").toggle();
    })
</script>

